// 轮播图
function lunbotu() {
    // this.ul = document.querySelector(".lun_ul");
    this.ul = $(".lun_ul");
    // this.li = this.ul.querySelectorAll("li");
    this.li = $(".lun_ul li");
    this.timeout;
    this.ab;
    // this.right = document.querySelector(".lb-right");
    this.right = $(".lb-right");
    // this.zuo = document.querySelector(".lb-left");
    this.zuo = $(".lb-left");
    this.index = 0;
    this.Next();
}

$.extend(lunbotu.prototype, {
    Next: function () {
        let _this = this;
        $(".lb-right").on("click", function () {
            _this.index = _this.index + 1
            if (_this.index == 9) {
                $(".lun_ul").animate({
                    left: 0
                }, 0)
                _this.index = 1
            }
            _this.Change()
        })

        $(".lb-left").on("click", function () {
            clearInterval(_this.ab)
            // console.log(_this.ab)
            _this.index = _this.index - 1;
            if (_this.index <= 0) {
                $(".lun_ul").animate({
                    left: -9040
                }, 0)
                _this.index = 8
            }
            _this.Change()
        })

        $(".lun_ul").on("mouseover", function () {
            clearInterval(_this.ab)
        })

        _this.timeout = function time() {
            clearInterval(_this.ab)
            _this.ab = setInterval(function () {
                // console.log(_this.ab)
                _this.index = _this.index + 1
                if (_this.index == 9) {
                    $(".lun_ul").animate({
                        left: 0
                    }, 0)
                    _this.index = 1
                }
                _this.Change()
            }, 4000)
        }

        _this.timeout()

        $(".lun_ul").on("mouseout ", function () {
            _this.timeout()
        })
    }, Change: function () {
        let _this = this;
        $(".lun_ul").stop().animate({
            left: -1130 * (_this.index)
        }, 3000)
    }
})

// lunbotu.prototype.Next = function () {
//     let _this = this;
//     _this.right.onclick = function () {
//         _this.index = _this.index + 1
//         if (_this.index == 9) {
//             $(_this.ul).animate({
//                 left: 0
//             }, 0)
//             _this.index = 1
//         }
//         _this.Change()
//     }
//     _this.zuo.onclick = function () {
//         clearInterval(_this.ab)
//         _this.index = _this.index - 1;
//         if (_this.index <= 0) {
//             $(_this.ul).animate({
//                 left: -9040
//             }, 0)
//             _this.index = 8
//         }
//         _this.Change()
//     }
//     _this.ul.onmouseover = function () {

//         clearInterval(_this.ab)
//     }

//     _this.timeout = function time() {
//         clearInterval(_this.ab)
//         _this.ab = setInterval(function () {
//             _this.index = _this.index + 1
//             if (_this.index == 9) {
//                 $(_this.ul).animate({
//                     left: 0
//                 }, 0)
//                 _this.index = 1
//             }
//             _this.Change()
//         }, 4000)
//     }

//     _this.timeout()

//     _this.ul.onmouseout = function () {
//         _this.timeout()
//     }
// }

// lunbotu.prototype.Change = function () {
//     let _this = this;
//     $(_this.ul).stop().animate({
//         left: -1130 * (_this.index)
//     }, 3000)
// }

let lunbo = new lunbotu();

// 换图片
// let wx = document.querySelector(".weixin");
// let wb = document.querySelector(".weibo");
// let img1 = document.querySelector(".img1");
// let img2 = document.querySelector(".img2");

let wx = $(".weixin");
let wb = $(".weibo");
let img1 = $(".img1");
let img2 = $(".img2");

$(".weixin").on("mouseover", () => {
    $(".img1").attr("src", "./images/wechat.svg");
})
$(".weixin").on("mouseout", () => {
    $(".img1").attr("src", "./images/weixin.svg");
})

$(".weibo").on("mouseover", () => {
    $(".img2").attr("src", "./images/weibo_ho.svg");
})
$(".weibo").on("mouseout", () => {
    $(".img2").attr("src", "./images/wei'bo.svg");
})


// 回到顶部
let back = document.querySelector(".back");
// back.style.left = window.innerWidth - 80 + "px"
$(".back").css({
    left: window.innerWidth - 80,
    top: 0
})
let dibu = $("#dibu");

let b = $(".xuan").offset();
// 粘性定位
// console.log(b)
window.onscroll = () => {
    // console.log($(".dibu").offset())
    let a = document.documentElement.scrollTop || document.body.scrollTop;
    if (a >= b) {
        $(".boxbox").attr("height", "100px");
        // box.style.height = "100px"
        $(".xuan").attr("class", "xuan tes")
        // xuan.setAttribute("class", "xuan tes")
    }
    if (a < b) {
        $(".xuan").attr("class", "xuan")
        $(".boxbox").attr("height", "");
    }
    // 回到顶部
    if (a > 584) {
        // back.style.display = "block";
        $(".back").css({
            display: "block",
            top: a - 200
        })
        // back.style.top = a - 200 + "px"
        if (a + 684 > $("#dibu").offset().top) {
            // back.style.top = dibu.offsetTop - 684 + "px"
            $(".back").css({
                top: ($("#dibu").offset().top - 684)
            })
        }
    }

    if (a < 584) {
        // back.style.display = "none"
        $(".back").css({
            display: 'none',
        })
    }
}

$(".back").on("click", () => {
    $("body,html").stop().animate({
        scrollTop: "0px"
    }, 1500)
})


let no = 2;
let ii = 273;

$(".btn").on("click", (e) => {
    e = e || event;
    e.stopPropagation();
    no++;
    // console.log(ii)
    $(".box11").html("")
    xuanran()
})

function xuanran() {
    $.ajax({
        // 改变dataType 为jsonp
        dataType: "jsonp",
        url: "https://api.gogoup.com/p1/data/recommend",
        data: {
            type: 0,
            pageNo: no,
            pageSize: 5,
            fromId: ii,
            _: Date.now(),
            jsonpcallback: "callback"
        },
        // 改变的是全局函数名称;
        jsonpCallback: "callback",
        success: function (res) {
            for (let i = 0; i < 5; i++) {
                let img = $("<img>")
                $(img).attr("src", res.datas[i].image)
                $(".box11").append(img)
                if (i == 4) {
                    ii = res.datas[4].courseId
                }
            }
        }
    })
}
xuanran()